<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>活动</title>
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/activity.css">
</head>

<body>
    <div class="ifra">
        <iframe src="../html/header.html" frameborder="0" width="1024px" height="210px">
        </iframe>
    </div>
    <div class="content">
        <div class="nav">
            <!-- h 654+660 -->
            <div class="act-class">
                <p>活动分类</p>
            </div>
            <div class="select">
                <ul>
                    <li class="now" id="selected"><a href="#">当前</a></li>
                    <li class="old"><a href="#">历史活动</a></li>
                </ul>             
            </div>
            <div class="life">
                <p>都市生活</p>
                <ul>
                    <li>休闲社交&nbsp;<span>38</span></li>
                    <li>桌游&nbsp;<span>2</span></li>
                    <li>摄影&nbsp;<span>1</span></li>
                    <li>DIY&nbsp;<span>0</span></li>
                    <li>购物&nbsp;<span>0</span></li>
                    <li>派对&nbsp;<span>10</span></li>
                    <li>K歌&nbsp;<span>14</span></li>
                    <li>聚餐&nbsp;<span>16</span></li>
                    <li>杀人游戏&nbsp;<span>10</span></li>
                    <li>美容&nbsp;<span>6</span></li>
                </ul>
            </div>
            <div class="life" id="travel">
                <p>户外旅行</p>
                <ul>
                    <li>休闲社交&nbsp;<span>18</span></li>
                    <li>徒步登山&nbsp;<span>10</span></li>
                    <li>自驾&nbsp;<span>2</span></li>
                    <li>滑雪&nbsp;<span>3</span></li>
                    <li>攀岩攀冰&nbsp;<span>0</span></li>
                    <li>单车&nbsp;<span>1</span></li>
                    <li>骑马&nbsp;<span>1</span></li>
                    <li>外拍&nbsp;<span>6</span></li>
                    <li>旅游&nbsp;<span>9</span></li>
                </ul>
            </div>
            <div class="life" id="sport">
                <p>运动健身</p>
                <ul>
                    <li>运动&nbsp;<span>13</span></li>
                    <li>慢跑&nbsp;<span>1</span></li>
                    <li>滑冰&nbsp;<span>1</span></li>
                    <li>乐活&nbsp;<span>0</span></li>
                    <li>爬楼&nbsp;<span>1</span></li>
                    <li>垒球&nbsp;<span>1</span></li>
                    <li>乒乓球&nbsp;<span>0</span></li>
                    <li>网球&nbsp;<span>5</span></li>
                    <li>篮球&nbsp;<span>21</span></li>
                    <li>游泳&nbsp;<span>3</span></li>
                    <li>台球&nbsp;<span>0</span></li>
                    <li>高球&nbsp;<span>1</span></li>
                    <li>舞蹈&nbsp;<span>3</span></li>
                    <li>健身&nbsp;<span>0</span></li>
                    <li>极限&nbsp;<span>2</span></li>
                    <li>足球&nbsp;<span>16</span></li>
                    <li>羽毛球&nbsp;<span>2</span></li>
                    <li>武术/搏击&nbsp;<span>6</span></li>
                </ul>
            </div>
            <div class="life" id="study">
                <p>财经学习</p>
                <ul>
                    <li>英语&nbsp;<span>4</span></li>
                    <li>讲座&nbsp;<span>22</span></li>
                    <li>职业&nbsp;<span>3</span></li>
                    <li>理财&nbsp;<span>0</span></li>
                    <li>健康&nbsp;<span>8</span></li>
                    <li>培训&nbsp;<span>23</span></li>
                </ul>
            </div>
            <div class="life" id="culture">
                <p>文艺演出</p>
                <ul>
                    <li>演出&nbsp;<span>28</span></li>
                    <li>展览&nbsp;<span>2</span></li>
                    <li>音乐&nbsp;<span>22</span></li>
                    <li>戏剧&nbsp;<span>9</span></li>
                    <li>电影&nbsp;<span>8</span></li>
                    <li>曲艺&nbsp;<span>0</span></li>
                    <li>使馆&nbsp;<span>0</span></li>
                    <li>沙龙&nbsp;<span>3</span></li>
                </ul>
            </div>
            <div class="life" id="other">
                <p>公益其他</p>
                <ul>
                    <li>公益&nbsp;<span>2</span></li>
                    <li>另类&nbsp;<span>0</span></li>
                    <li>其他活动&nbsp;<span>0</span></li>
                    <li>线上活动&nbsp;<span>14</span></li>
                </ul>
            </div>
        </div>
        <div class="activity">
            <div class="act-top">
                <div class="vip">
                    <p id="time-search">按时间检索</p>
                    <p id="vip-act">VIP活动</p>
                    <div id="new-act">

                    </div>
                </div>
            </div>
            <div class="act-details">
                <!-- 353*362 -->
                <div class="act-div">
                    <div class="title">
                        <div class="t-l"></div>
                        <p>都市生活</p>
                        <div class="t-r">
                            <p>&gt;&gt;更多</p>
                        </div>
                    </div>
                    <div class="act-contain">
                        <img src="../img/deco.jpg" alt="">
                        <div class="sum">
                            <!-- 331*10 -->
                            <p>教你如何化好职业妆</p>
                        </div>
                        <ul class="timeAadd">
                            <li>时间：11月7日&nbsp;星期六&nbsp;14:30</li>
                            <li>地点：朝阳区西大望路珠江帝景E区8号楼2单元-201</li>
                        </ul>
                        <ul class="situation">
                            <li>报名人数：<span>6</span>/40</li>
                            <li><span>2</span>条留言</li>
                            <li>休闲活动卡：<span>0元</span></li>
                            <li>现金支付：<span>30元</span></li>
                        </ul>
                        <div class="list">
                            <ul>
                                <li><span>[派对]</span><a href="#">Networking Cocktail Party</a><span class="date">11月4日</span></li>
                                <li><span>[K歌]</span><a href="#">周六朝外麦乐迪四小时K歌!美女</a><span class="date">11月7日</span></li>
                                <li><span>[休闲]</span><a href="#">万圣夜和美女僵尸有个约会</a><span class="date">10月30日</span></li>
                                <li><span>[线上活动]</span><a href="#">打工江湖玄武派英雄招募令!</a><span class="date">11月7日</span></li>
                            </ul>
                        </div>
                    </div>
                </div>   
                <div class="act-div">
                    <div class="title">
                        <div class="t-l"></div>
                        <p>户外·旅行</p>
                        <div class="t-r">
                            <p>&gt;&gt;更多</p>
                        </div>
                    </div>
                    <div class="act-contain">
                        <img src="../img/maple.jpg" alt="">
                        <div class="sum">
                            <!-- 331*10 -->
                            <p>京秋魅力.相约共赏香山红叶</p>
                        </div>
                        <ul class="timeAadd">
                            <li>时间：11月7日&nbsp;星期六&nbsp;14:30</li>
                            <li>地点：朝阳区西大望路珠江帝景E区8号楼2单元-201</li>
                        </ul>
                        <ul class="situation">
                            <li>报名人数：<span>5</span>/40</li>
                            <li><span>7</span>条留言</li>
                            <li>休闲活动卡：<span>0元</span></li>
                            <li>现金支付：<span>10元</span></li>
                        </ul>
                        <div class="list">
                            <ul>
                                <li><span>[徒步旅行]</span><a href="#">Networking Cocktail Party</a><span class="date">11月4日</span></li>
                                <li><span>[登山]</span><a href="#">周六朝外麦乐迪四小时K歌!美女</a><span class="date">11月7日</span></li>
                                <li><span>[户外]</span><a href="#">万圣夜和美女僵尸有个约会</a><span class="date">10月30日</span></li>
                                <li><span>[外拍]</span><a href="#">打工江湖玄武派英雄招募令!</a><span class="date">11月7日</span></li>
                            </ul>
                        </div>
                    </div>
                </div> 
                <div class="act-div">
                    <div class="title">
                        <div class="t-l"></div>
                        <p>运动健身</p>
                        <div class="t-r">
                            <p>&gt;&gt;更多</p>
                        </div>
                    </div>
                    <div class="act-contain">
                        <img src="../img/swim.jpg" alt="">
                        <div class="sum">
                            <!-- 331*10 -->
                            <p>郡王府游泳(周一) 18点45分</p>
                        </div>
                        <ul class="timeAadd">
                            <li>时间：11月7日&nbsp;星期六&nbsp;14:30</li>
                            <li>地点：朝阳区西大望路珠江帝景E区8号楼2单元-201</li>
                        </ul>
                        <ul class="situation">
                            <li>报名人数：<span>12</span>/40</li>
                            <li><span>10</span>条留言</li>
                            <li>休闲活动卡：<span>0元</span></li>
                            <li>现金支付：<span>15元</span></li>
                        </ul>
                        <div class="list">
                            <ul>
                                <li><span>[舞蹈]</span><a href="#">Networking Cocktail Party</a><span class="date">11月4日</span></li>
                                <li><span>[羽毛球]</span><a href="#">周六朝外麦乐迪四小时K歌!美女</a><span class="date">11月7日</span></li>
                                <li><span>[健身]</span><a href="#">万圣夜和美女僵尸有个约会</a><span class="date">10月30日</span></li>
                                <li><span>[舞蹈]</span><a href="#">打工江湖玄武派英雄招募令!</a><span class="date">11月7日</span></li>
                            </ul>
                        </div>
                    </div>
                </div> 
                <div class="act-div">
                    <div class="title">
                        <div class="t-l"></div>
                        <p>理财·英语·学习</p>
                        <div class="t-r">
                            <p>&gt;&gt;更多</p>
                        </div>
                    </div>
                    <div class="act-contain">
                        <img src="../img/boss.jpg" alt="">
                        <div class="sum">
                            <!-- 331*10 -->
                            <p>【IECA】人大结伴说英语--谈谈我们的老板</p>
                        </div>
                        <ul class="timeAadd">
                            <li>时间：11月7日&nbsp;星期六&nbsp;14:30</li>
                            <li>地点：朝阳区西大望路珠江帝景E区8号楼2单元-201</li>
                        </ul>
                        <ul class="situation">
                            <li>报名人数：<span>4</span>/40</li>
                            <li><span>2</span>条留言</li>
                            <li>休闲活动卡：<span>0元</span></li>
                            <li>现金支付：<span>0元</span></li>
                        </ul>
                        <div class="list">
                            <ul>
                                <li><span>[培训]</span><a href="#">Networking Cocktail Party</a><span class="date">11月4日</span></li>
                                <li><span>[讲座]</span><a href="#">周六朝外麦乐迪四小时K歌!美女</a><span class="date">11月7日</span></li>
                                <li><span>[讲座]</span><a href="#">万圣夜和美女僵尸有个约会</a><span class="date">10月30日</span></li>
                                <li><span>[培训]</span><a href="#">打工江湖玄武派英雄招募令!</a><span class="date">11月7日</span></li>
                            </ul>
                        </div>
                    </div>
                </div> 
                <div class="act-div">
                    <div class="title">
                        <div class="t-l"></div>
                        <p>文艺演出</p>
                        <div class="t-r">
                            <p>&gt;&gt;更多</p>
                        </div>
                    </div>
                    <div class="act-contain">
                        <img src="../img/music.jpg" alt="">
                        <div class="sum">
                            <!-- 331*10 -->
                            <p>Zoo Festival北京最大电子音乐节</p>
                        </div>
                        <ul class="timeAadd">
                            <li>时间：11月7日&nbsp;星期六&nbsp;14:30</li>
                            <li>地点：朝阳区西大望路珠江帝景E区8号楼2单元-201</li>
                        </ul>
                        <ul class="situation">
                            <li>报名人数：<span>4</span>/40</li>
                            <li><span>2</span>条留言</li>
                            <li>休闲活动卡：<span>0元</span></li>
                            <li>现金支付：<span>100元</span></li>
                        </ul>
                        <div class="list">
                            <ul>
                                <li><span>[演出]</span><a href="#">Networking Cocktail Party</a><span class="date">11月4日</span></li>
                                <li><span>[电影]</span><a href="#">周六朝外麦乐迪四小时K歌!美女</a><span class="date">11月7日</span></li>
                                <li><span>[演出]</span><a href="#">万圣夜和美女僵尸有个约会</a><span class="date">10月30日</span></li>
                                <li><span>[音乐]</span><a href="#">打工江湖玄武派英雄招募令!</a><span class="date">11月7日</span></li>
                            </ul>
                        </div>
                    </div>
                </div> 
                <div class="act-div">
                    <div class="title">
                        <div class="t-l"></div>
                        <p>公益·其他</p>
                        <div class="t-r">
                            <p>&gt;&gt;更多</p>
                        </div>
                    </div>
                    <div class="act-contain">
                        <img src="../img/english.jpg" alt="">
                        <div class="sum">
                            <!-- 331*10 -->
                            <p>【IECA】说英语，交朋友，IECA Supporter招</p>
                        </div>
                        <ul class="timeAadd">
                            <li>时间：10月30日&nbsp;星期五&nbsp;20:00</li>
                            <li>地点：给Parker(昵称Parker330)写私信就可以了</li>
                        </ul>
                        <ul class="situation">
                            <li>报名人数：<span>7</span>/40</li>
                            <li><span>5</span>条留言</li>
                            <li>休闲活动卡：<span>0元</span></li>
                            <li>现金支付：<span>0元</span></li>
                        </ul>
                        <div class="list">
                            <ul>
                                <li><span>[公益]</span><a href="#">夫妻旅游研讨会</a><span class="date">11月14日</span></li>
                                <li><span>[公益]</span><a href="#">雷锋基金会旗下 随缘放生组后海</a><span class="date">11月15日</span></li>
                                <li><span>[公益]</span><a href="#">天气渐冷，给太阳村的孩子送温暖</a><span class="date">11月1日</span></li>
                                <li><span>[公益]</span><a href="#">捐助儿助会脑瘫康复项目</a><span class="date">10月30日</span></li>
                            </ul>
                        </div>
                    </div>
                </div>  
               
            </div>
        </div>
    </div>
    <div class="ifra">
        <iframe src="../html/footer.html" frameborder="0" width="1024px" height="150px">

        </iframe>
    </div>

</body>

</html>